require('../css/register.less')
require('../css/common/reset.css')
require('../css/common/normalize.css')
require('../css/common/property.css')
require('../css/common/basic.css')
const CaptchaMini=require('../js/验证码插件/captcha-mini')
const axios=require('axios')
window.onload = function(){
    // 验证码插件
    var code
    let captcha2 = new CaptchaMini({
        lineWidth: 1,   //线条宽度
        lineNum: 6,       //线条数量
        dotR: 2,          //点的半径
        dotNum: 25,       //点的数量
        preGroundColor: [10, 80],    //前景色区间
        backGroundColor: [150, 250], //背景色区间
        fontSize: 80,           //字体大小
        fontFamily: ['Georgia', '微软雅黑', 'Helvetica', 'Arial'],  //字体类型
        fontStyle: 'fill',      //字体绘制方法，有fill和stroke
        content: '一个验证码abcdefghijklmnopqrstuvw生成的插件使用的是canvas显示',  //验证码内容
        length: 4    //验证码长度
    }); 
    captcha2.draw(document.querySelector('#captcha2'), r => {
        console.log(r, '验证码2');
        code = r 
    });
    // **************************************
    // 正则表达式
    let numberReg=/^((13[0-9])|(14[5|7])|(15([0-3]|[5-9]))|(18[0,5-9]))\d{8}$/;
    let pwdReg=/^[a-zA-Z0-9]{6,12}$/

    let tel=document.querySelector('#tel')
    let captcha=document.querySelector('#captcha')
    let pwd1=document.querySelector('#pwd1')
    let pwd2=document.querySelector('#pwd2')
    let btn=document.querySelector('#btn')
    let tips=document.querySelector('#tips')

    btn.addEventListener('click',function(){
        // 手机号
        if(!numberReg.test(tel.value)){
            tips.textContent="请输入正确的手机号"
            return
        }
        // 验证码
        if(!(code===captcha.value)){
            tips.textContent="验证码错误"
            return
        }
        // 密码
        if(!pwdReg.test(pwd1.value)){
            tips.textContent="请输入正确的密码格式"
            return
        }
        // 再次输入密码
        if(!(pwd2.value===pwd1.value)){
            tips.textContent="两次密码不一致"
            return
        }


        // 能走下来就是正确
        tips.textContent=""
        // 上传到服务器
        axios.post('http://139.9.177.51:8099/users/add',{
            account:tel.value,
            password:pwd1.value
        }).then(function(res){
            // console.log(res);
            if(res.data.status===0){
                location.href='../login.html'
            }else{
                alert(res.data.msg)
            }
        }).catch(function(err){

        })
    })
}